Vue 3.0 如何替代Vue2中 prototype 的用法

寻ing2020-12-14 10:15:03

在vue2.x中，我们想设置全局变量，可以在main文件中用prototype绑定vue实列，在vue3.0中，可以用app.config.globalProperties来代替prototype，具体用法如下

// main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import axios from 'axios'

const app = createApp(App)
app.use(store)
app.use(router)
app.config.globalProperties.$axios = axios // 自定义添加
const vm = app.mount('#app')

这样就可以正常使用了

// App.js
...
<script>
export default {
  name: 'App',
  methods: {...},
  mounted() {
    console.log(this.$axios)
  }
}
</script>

点击查看相关文档

更多全局api的变更